<!DOCTYPE html>
<!-- saved from url=(0044)//www.jq22.com/demo/jdyddh201701141116/ -->
<html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
	<meta name="apple-mobile-web-app-capable" content="yes">
	<meta name="apple-mobile-web-app-status-bar-style" content="black">
	<meta name="format-detection" content="telephone=no">

	<title>所有分类</title>
	<link rel="stylesheet"href="statics/mobile/plugins/swiper/swiper.min.css"/>
	<link rel="stylesheet"href="statics/mobile/css/Item/ectouch.css">
	<link rel="stylesheet"href="statics/mobile/css/Item/search.css">
	<style type="text/css">
		.jc-content{
			background: #fff;
			font-size: 1rem;
			text-align: center;
			font-weight: 400;
			margin-top: .2rem;
			height: 1.28rem;
			line-height: 1.28rem;
			overflow: hidden;
		}
		.jc-content span {
			position: relative;
		}
		
		.jc-content span:after, .jc-content span:before {
			content: " ";
			position: absolute;
			top: 50%;
			left: 0;
			width: 2rem;
			border-top: 1px solid #e0e0e0;
			transform: translate3d(-150%,-50%,0);
			-webkit-transform: translate3d(-150%,-50%,0);
		}
		.jc-content span:after {
			left: auto;
			right: 0;
			transform: translate3d(150%,-50%,0);
			-webkit-transform: translate3d(150%,-50%,0);
		}
	</style>
</head>
<body style="max-width: 640px; font-size: 14px;">

<div id="loading" style="display: none;"><img src="statics/mobile/images/loading.gif"></div>
<div class="con">
  <div class="category-top">
    <header>
      <section class="search">
        <div class="text-all dis-box j-text-all">
          <div class="box-flex input-text"> <a class="a-search-input j-search-input" href="javascript:void(0)"></a>
            <input type="text" placeholder="商品搜索">
            <i class="iconfont icon-guanbi is-null j-is-null"></i> </div>
        </div>
      </section>
    </header>
  </div>
 
  <div id="cate_con"></div>
</div>
<div class="search-div j-search-div ts-3">
  <section class="search">
    <form action="" method="get">
	<input type="hidden" name="act" value="goods">
      <div class="text-all dis-box j-text-all">
        <div class="box-flex input-texts">
          <input class="j-input-text" type="text" name="title" placeholder="请输入搜索关键词！">
          <i class="iconfont icon-guanbi is-null j-is-null"></i> </div>
        <button type="submit" class="btn-submit">搜索</button>
      </div>
    </form>
  </section>
  <section class="search-con">
    <div class="swiper-scroll history-search swiper-container-vertical swiper-container-free-mode">
      <div class="swiper-wrapper">
        <div class="swiper-slide swiper-slide-active">
          <p>
            <label class="fl">热门搜索</label>
          </p>
          <ul class="hot-search a-text-more">
            	<li class="w-3"><a href="?act=goods&title=小米6"><span>美国</span></a></li>
            	<li class="w-3"><a href="?act=goods&title=电视"><span>新生婴儿</span></a></li>
          </ul>
          <p class="hos-search">
            <label class="fl">最近搜索</label>
            <span class="fr" onclick="javascript:clearHistroy();"><i class="fr"></i></span> </p>
          <ul class="hot-search a-text-more a-text-one" id="search_histroy">
          </ul>
        </div>
      </div>
      <div class="swiper-scrollbar" style="display: none; opacity: 0;"><div class="swiper-scrollbar-drag" style="height: 393px;"></div></div>
    </div>
  </section>
  <footer class="close-search j-close-search"> 点击关闭 </footer>
</div>
<script type="text/j-template" id="tpl_diy_con_typecate">
	<div class="members_con diy_con_cate">
		<aside>
			<div class="menu-left scrollbar-none" id="sidebar">
			  <ul>
					<% _.each(goodslist,function(item){ %>
						<li><%= item.tabtitle %></li>
					<% }) %>
			  </ul>
			</div>
		</aside>
		<section class="menu-right padding-all j-content">
			<div class=" product-list product-list-small">
				<% _.each(goodslist,function(item,i){ %>
				<% if (item.goods.length){ %>
				<div class="jc-content"><span><%= item.tabtitle %></span></div>
				<ul>
					<% _.each(item.goods,function(goods,index){ %>
					<li class="product-div">
					<img class="product-list-img" src="<%= goods.pic %>" lazy="loaded">
					<div class="product-cart"><div class="icon-minus-cart">-</div><input type="text" value="1"><div class="icon-flow-cart">+</div></div>
					<div class="product-text">
						<h4><%= goods.title %></h4>
						<p class="p-t-remark"><%= goods.keywords %></p>
						<div class="p-price">&yen;<%= goods.price %><small>&yen;120</small></div>
					</div>
					</li>
					<% }) %>
					
				</ul>
				<% } %>
				<% }) %>
			</div>
		</section>
	</div>
</script>
<script type="text/javascript">
//设置cookie
function setCookie(cname, cvalue, exdays) {
    var d = new Date();
    d.setTime(d.getTime() + (exdays*24*60*60*1000));
    var expires = "expires="+d.toUTCString();
    document.cookie = cname + "=" + cvalue + "; " + expires;
}
function clearHistroy(){
	setCookie('ECS[keywords]', '', -1);
	document.getElementById("search_histroy").style.visibility = "hidden";
}
</script> 
<script src="statics/mobile/js/dist/lib-min.js"></script>
<script src="statics/mobile/plugins/swiper/swiper.min.js"></script>
<script type="text/javascript" src="statics/mobile/js/dist/ectouch.js"></script> 
<script type="text/javascript" src="statics/mobile/js/dist/jquery.json.js"></script> 
<script type="text/javascript" src="statics/mobile/js/dist/common.js"></script> 
<script type="text/javascript">
	$(function($){
		$('#sidebar ul li').click(function(){
			$(this).addClass('active').siblings('li').removeClass('active');
			var index = $(this).index();
			t=$(".jc-content").eq(index).offset();
			$(window).scrollTop(t.top-90);
			//$('.jc-content').eq(index).show().siblings('.jc-content').hide();
		})
	});
	var cate={};
	cate.goodslist=<?php echo json_encode($goodslist);?>;
	var i = _.template($("#tpl_diy_con_typecate").html(), cate);
	$("#cate_con").html(i);
</script>

</body></html>